<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#box{
				width:123px;
				height:121px;
				border-radius: 50%;
				overflow: hidden;
			}
			#box2{
				width: 70px;
				height: 30px;
				border-radius:10px ;
				background-color: #33a4d9;
				color: #ffffff;
			}
			#box3{
				width: 70px;
				height: 30px;
				border-radius:0px 10px 10px 0px ;
				background-color: #33a4d9;
				color: #ffffff;
			}
			#box4{
				width: 200px;
				height: 200px;
				background-color: #009966;
				color: #ffffff;
				box-shadow: 10px 20px 2px #cccccc;
			}
		
		</style>
	</head>
	<body>
		<div id="box">
			<img src="img/tx.jpg"/>
		</div>
		<div id="box2">
			圆角
		</div>
		<div id="box3">
			直角
		</div>
		<div id="box4">
		 	盒子阴影
		</div>
	</body>
</html>
